<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">


<html xmlns="http://www.w3.org/1999/xhtml"
        xmlns:h="http://java.sun.com/jsf/html"
        xmlns:f="http://java.sun.com/jsf/core"
        xmlns:ui="http://java.sun.com/jsf/facelets"
        xmlns:p="http://primefaces.org/ui">

<f:view contentType="text/html">

<h:head>
	<title>Logística y Monitoreo</title>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<link rel="stylesheet" type="text/css" href="../css/demos.css"></link>

	<script type="text/javascript">
	
	</script>
	
</h:head>

<h:body>

   <h:form id="form">  
  
    
 
 	<div id="header" class="ui-widget ui-widget-header">
			<div id="logo">
				<img src="../images/logo.png" alt="Logo" />
			</div>
	</div>

	<p:growl id="messages" showDetail="true"/> 

		<h1 class="title ui-widget-header ui-corner-all">Ventas sin despacho asociado</h1>

		<p:dataTable var="venta" value="#{ordenDespachosBean.ventas}" id="ventaList" editable="true">
 
	 		<p:ajax event="rowEdit" listener="#{ordenDespachosBean.onEdit}" update=":form:messages, :form:ventaList" />  
        	<p:ajax event="rowEditCancel" listener="#{ordenDespachosBean.onCancel}" update=":form:messages" /> 
        
	  		<p:column headerText="Nro.Venta" style="text-align: center">  
		            #{venta.nroVenta}  
		    </p:column> 
	  
	        <p:column headerText="Portal Web" style="text-align: center">  
		            #{venta.idModulo}  
	        </p:column>  
	  
	        <p:column headerText="Fecha y Hora Venta" style="text-align: center">  
	            #{venta.fecha}  
	        </p:column>  
	  
	  		<p:column headerText="Coordenadas Cliente" style="text-align: center">  
	            #{venta.coordenadaXcliente}  
	        </p:column> 
	  
	        <p:column headerText="Monto" style="text-align: center">  
	            #{venta.monto}  
	        </p:column>  
			
			<p:column headerText="Despacho" style="width:25%">  
	            <p:cellEditor>  
	                <f:facet name="output"><h:outputText value="#{venta.idModuloDespacho}" /></f:facet>  
	                <f:facet name="input">  
	                    <h:selectOneMenu value="#{venta.idModuloDespacho}" style="width:100%">  
	                        <f:selectItems value="#{ordenDespachosBean.despachos}" var="despacho" itemLabel="#{despacho}" itemValue="#{despacho}" />  
	                    </h:selectOneMenu>  
	                </f:facet>  
	            </p:cellEditor>  
	        </p:column>  
  
        <p:column style="width:6%">  
            <p:rowEditor />  
        </p:column>  
	        
	        <p:column headerText="Ver items" style="text-align: center; width:60px">  
                <p:commandButton id="selectButton" update=":form:display" oncomplete="ventaDialog.show()" icon="ui-icon-search" title="Ver items">  
                <f:setPropertyActionListener value="#{venta}" target="#{ordenDespachosBean.selectedVenta}" />  
            </p:commandButton>  
            
        </p:column>  
	        
		</p:dataTable>  
		
		<p:dialog header="Items de la venta" widgetVar="ventaDialog" resizable="false" id="ventaDlg"  
                showEffect="fade" hideEffect="explode" modal="true" >  
  
	 	  	 <h:panelGrid id="display" columns="2" cellpadding="4" style="margin:0 auto;"> 
	 	  	   
	            <p:dataTable id="items" var="item" value="#{ordenDespachosBean.selectedVenta.itemVentas}"> 
	            	
	            	<p:column headerText="Codigo artículo" style="text-align: center">  
	            		#{item.codigoArticulo}  
	        		</p:column>  
	        		
	        		<p:column headerText="Cantidad" style="text-align: center">  
	            		#{item.cantidad}  
	        		</p:column>  
	        		
	        		
	            </p:dataTable>
	  
	  		</h:panelGrid>
	  		
	    </p:dialog>  
	    
	    <p:panel style="text-align: center">
			<p:commandButton id="generar" action="#{ordenDespachosBean.generarDespachos}" value="Generar Despachos" update="od, messages"></p:commandButton>
		</p:panel>
		
       
		
		<p:dialog id="modalDialog" header="Ordenes de despacho procesadas" widgetVar="dlgOD" modal="true" closable="false">  
    		 
    		 <p:dataTable id="od" var="od" value="#{ordenDespachosBean.ordenDespachoProcesadas}"> 
	            	
	            	<p:column headerText="Nro. Despacho" style="text-align: center">  
	            		#{od.nroDespacho}  
	        		</p:column>  
	        		
	        		<p:column headerText="Fecha y Hora Despacho" style="text-align: center">  
	            		#{od.fechaDespacho}  
	        		</p:column>
	        		
	        		<p:column headerText="Despacho" style="text-align: center">  
	            		#{od.idModuloDespacho}  
	        		</p:column>
	        		
	        		<p:column headerText="Nro. Venta" style="text-align: center">  
	            		#{od.nroVenta}  
	        		</p:column>
	        		
	        		<p:column headerText="Portal Web" style="text-align: center">  
	            		#{od.idModuloPortalWeb}  
	        		</p:column>
	        		
	        		<p:column headerText="Estado" style="text-align: center">  
	            		#{od.estado}  
	        		</p:column>
	        		
	            </p:dataTable>  
	            
	            <p:panel style="text-align: right">
					<p:commandButton id="menu" action="#{ordenDespachosBean.volverAlMenu}" value="Volver al menú principal"></p:commandButton>
				</p:panel>
		</p:dialog> 
		
		<br></br>

		<p:panel style="text-align: right">
					<p:commandButton id="menu2" action="#{rankingBean.volverAlMenu}" value="Volver al menú principal"></p:commandButton>
		</p:panel>
			
</h:form>  

</h:body>
	
</f:view>  

</html> 
